@import '../constant.less';

.container {
  margin-top: 2vh;

  :global {
    .ant-table-tbody > tr > td {
      height: 25px !important;
      padding: 3px 9px !important;
    }

    .ant-table-tbody > tr > td:nth-child(3),
    .ant-table-thead > tr > th:nth-child(3) {
      border-right: none !important;
    }

    .ant-table-tbody > tr > td:nth-child(4),
    .ant-table-tbody > tr > td:nth-child(5),
    .ant-table-thead > tr > th:nth-child(4),
    .ant-table-thead > tr > th:nth-child(5) {
      border-right: none !important;
    }

    .ant-table-footer {
      padding: 0 !important;
      background: var(--bg-main);
    }

    /* 修改button样式 */
    .ant-btn {
      width: 100%;
      height: 100%;
    }
    // 新建按钮
    .ant-btn-link {
      padding: 0 15px;
      font-weight: 600;
    }

    .ant-table-tbody > tr > td > button,
    .ant-table-tbody > tr > td > button:hover {
      height: 22px;
      color: @deletebuttonIconColor !important;
      background: none !important;
      border: none;
    }

    /* 修改select样式 */
    .ant-select {
      width: 60%;
      min-width: 130px;
      // color: @tableSelectFontColor;
      font-size: 12px !important;
    }

    .ant-select-selection-item {
      font-size: 12px !important;
      line-height: 22px !important;
      text-align: left;
    }
    .ant-select-selector {
      height: 22px !important;
      font-size: 12px !important;
    }
    table {
      font-size: 12px !important;
    }
  }
}

.createRow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  color: @calculateButtonColor;
  background-color: rgba(24, 160, 251, 0.2);
}

.calculateSelect {
  // background-color: @tableSelectBackgroundColor !important;

  :global {
    .ant-select-item-option {
      // color: @tableSelectFontColor !important;
      font-size: 12px !important;
      // background-color: @tableSelectBackgroundColor !important;

      &:hover {
        // color: @tableSelectFontColor !important;
        font-size: 12px !important;
        // background-color: rgb(49, 49, 49) !important;
      }
    }

    .ant-select-item-option-selected {
      // color: @containerFontColor !important;
      font-size: 12px !important;
      // background-color: @calculateButtonColor !important;

      &:hover {
        // color: @containerFontColor !important;
        font-size: 12px !important;
        // background-color: @calculateButtonColor !important;
      }
    }
    .ant-empty-image {
      height: 50px;
    }

    .ant-empty-description {
      color: rgb(223, 223, 223);
      color: #fff;
    }

    .ant-empty-img-default-path-1 {
      fill: #aeb8c2;
      fill-opacity: 0.4;
    }

    .ant-empty-img-default-path-2 {
      fill: linear-gradient(180deg, #dee0e1 -146.67%, #5f5f5f 100%);
    }

    .ant-empty-img-default-path-3 {
      fill: #bbb;
    }

    .ant-empty-img-default-path-4 {
      fill: rgb(94, 126, 146);
    }

    .ant-empty-img-default-path-5 {
      fill: rgb(94, 126, 146);
    }

    .ant-empty-img-default-g {
      fill: #fff;
    }

    .ant-empty-img-default-ellipse {
      fill: rgba(245, 245, 247, 0.8);
      fill-opacity: 0.2;
    }
  }
}
